<?php include('include/header.php'); ?>
<meta name="keywords" content="" />
<meta name="description" content="" />

<link rel="stylesheet" type="text/css" href="css/modulo.css" media="screen" />
<link rel="stylesheet" href="css/jquery.jcarousel-estilo-galeria.css" media="screen" />
<title>Caparrós &amp; Bucchi Negócios Imobiliários</title>
</head>
<body>
	<div id="main" class="centraliza">
		<!-- Topo -->
		<?php include('include/topo.php'); ?>
		<!-- /Topo -->
		<!-- Menu -->
		<?php include('include/menu.php'); ?>
		<!-- /Menu -->
		<!-- Busca -->
		<?php include('include/busca.php'); ?>
		<!-- /Busca -->
		<!-- Detalhes Imovel -->
		<div id="detalhes-imvl" class="fl">
			<!-- Foto imovel -->
			<div id="content-ft" class="fl">
				<div class="fl wrapper border-radius">
					<div id="ft-detalhes" class="fl">
						<span id="ref-det" class="fnt-bold">Ref. 4669</span>
						<img src="src/foto-detalhes.jpg" alt="Apartamento - Rudge Ramos" title="Apartamento - Rudge Ramos" />
					</div>
				</div>
			</div>
			<!-- /Foto imovel -->
			<!-- Info + Galeria -->
			<div id="content-info-gallery" class="fl">
				<!-- Informacoes principais -->
				<div id="content-info" class="fl">
					<span id="view" class="fnt-bold">250 Visualizações</span>
					<div id="main-info">
						<h1><strong>Apartamento</strong></h1>
						<h2 class="fnt-cinza"><strong>Rudge Ramos | São Bernardo do Campo</strong></h2>
						<h3 class="fl"><span></span>Dormitório(s): <strong>03</strong></h3>
						<h3 class="fl"><span></span>Suíte(s): <strong>03</strong></h3>
						<h3 class="fl"><span></span>Vaga(s): <strong>02</strong></h3>
						<h3 class="fl"><span></span>Área: <strong>104 m²</strong></h3>
						<div id="valueof" class="fl">
							<p class="fl fnt-cinza">Valor para Venda</p>
							<p class="fl fnt-cinza">Valor para Locação</p>
							<span class="fnt-bold fl show-value">R$ 5.300.000,00</span>
							<span class="fnt-bold fl show-value">R$ 1.000,00</span>
						</div>
					</div>
				</div>
				<!-- /Informacoes principais -->
				<!-- Galeria fotos -->
				<div id="content-gallery" class="fl jcarousel-skin-tango">
					<p class="fnt-bold">Fotos do imóvel <span class="fnt-cinza">(clique para ampliar)</span></p>
					<div id="gallery">
						<ul id="carousel-gallery">
							<li>
								<a href="src/foto-detalhes.jpg" rel="foto_galeria" class="foto-imvl db"><img src="src/foto-gallery.jpg" alt="Foto galeria" /></a>
							</li>
							<li>
								<a href="src/foto-detalhes.jpg" rel="foto_galeria" class="foto-imvl db"><img src="src/foto-gallery.jpg" alt="Foto galeria" /></a>
							</li>
							<li>
								<a href="src/foto-detalhes.jpg" rel="foto_galeria" class="foto-imvl db"><img src="src/foto-gallery.jpg" alt="Foto galeria" /></a>
							</li>
							<li>
								<a href="src/foto-detalhes.jpg" rel="foto_galeria" class="foto-imvl db"><img src="src/foto-gallery.jpg" alt="Foto galeria" /></a>
							</li>
							<li>
								<a href="src/foto-detalhes.jpg" rel="foto_galeria" class="foto-imvl db"><img src="src/foto-gallery.jpg" alt="Foto galeria" /></a>
							</li>
							<li>
								<a href="src/foto-detalhes.jpg" rel="foto_galeria" class="foto-imvl db"><img src="src/foto-gallery.jpg" alt="Foto galeria" /></a>
							</li>
						</ul>
						<!-- <a href="javascript:void(0);" class="bt-gallery-l"></a>
						<a href="javascript:void(0);" class="bt-gallery-r"></a> -->
					</div>
				</div>
				<!-- /Galeria fotos -->
			</div>
			<!-- /Info + Galeria -->
			<!-- Links uteis -->
			<div id="links-det" class="fl">
				<div class="content-link link-indicar">
					<a href="include/lightbox-indique.php" class="general-link border-radius" title="Indicar este imóvel"><span class="icon-link"></span>Indicar imóvel</a>
				</div>
				<?php include('include/links.php'); ?>
			</div>
			<!-- /Links uteis -->
			<!-- Informacoes secundarias -->
			<div class="content fl">
				<div class="content fl">
					<div class="fl wrapper border-radius">
						<div class="content-sec fl border-radius">
							<h3 class="fnt-bold">Descrição do Imóvel</h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Viamus adipiscing velit tincidunt tellus pharetra eu hendrerit purus lobortis. Duis laoreet enim sed tortor vestibulum posuere id ut nibh. Cras malesuada risus eu tellus eleifend. ellentesque. Aliquam non sollicitudin enim.bibendum. Aliquam ut felis sapien. Sed a tellus ac justo vestibulum ellentesque.</p>
							<p>Aliquam non sollicitudin enim. Nulla et lorem at sem semper dignissim. Nunc volutpat pretium auctor. Donec mattis nibh vitae erat consectetur dapibus. Ut purus enim, scelerisque nec lobortis sed, bibendum non quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Viamus adipiscing velit tincidunt tellus pharetra eu hendrerit purus lobortis. Duis laoreet enim sed tortor vestibulum posuere id ut nibh.</p>
						</div>
					</div>
				</div>
				<div class="content fl">
					<div class="fl wrapper border-radius">
						<div class="content-sec fl border-radius">
							<h3 class="fnt-bold">Características do Imóvel</h3>
							<ul>
								<li class="fnt-cinza"><span></span>item1</li>
								<li class="fnt-cinza"><span></span>item2</li>
								<li class="fnt-cinza"><span></span>item3</li>
								<li class="fnt-cinza"><span></span>item4</li>
								<li class="fnt-cinza"><span></span>item5</li>
								<li class="fnt-cinza"><span></span>item6</li>
								<li class="fnt-cinza"><span></span>item7</li>
								<li class="fnt-cinza"><span></span>item8</li>
								<li class="fnt-cinza"><span></span>item9</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="content fl">
					<div class="fl wrapper border-radius">
						<div class="content-sec fl border-radius">
							<h3 class="fnt-bold">Características do Condomínio</h3>
							<ul>
								<li class="fnt-cinza"><span></span>item1</li>
								<li class="fnt-cinza"><span></span>item2</li>
								<li class="fnt-cinza"><span></span>item3</li>
								<li class="fnt-cinza"><span></span>item4</li>
								<li class="fnt-cinza"><span></span>item5</li>
								<li class="fnt-cinza"><span></span>item6</li>
								<li class="fnt-cinza"><span></span>item7</li>
								<li class="fnt-cinza"><span></span>item8</li>
								<li class="fnt-cinza"><span></span>item9</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="content fl">
					<div class="fl wrapper border-radius">
						<div class="content-sec fl border-radius">
							<h3 class="fnt-bold">Localização</h3>
							<div id="cnt-mapa">
								<div id="google-maps">
									<iframe width="662" height="227" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com.br/maps?f=q&amp;source=s_q&amp;hl=pt&amp;geocode=&amp;q=Av.+Caminho+do+Mar,+S%C3%A3o+Bernardo+do+Campo+-+S%C3%A3o+Paulo&amp;aq=0&amp;oq=Av.+Caminho+do+Mar&amp;sll=-23.804018,-46.530656&amp;sspn=0.356208,0.676346&amp;ie=UTF8&amp;hq=&amp;hnear=Av.+Caminho+do+Mar+-+S%C3%A3o+Bernardo+do+Campo+-+S%C3%A3o+Paulo&amp;t=m&amp;ll=-23.662371,-46.56641&amp;spn=0.017846,0.056734&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- Financiamento -->
				<?php include('include/financiamento.php'); ?>
				<!-- /Financiamento -->
			</div>
			<!-- /Informacoes secundarias -->
			<!-- Imóveis semelhantes -->
			<div class="side-det fr">
				<div class="fl wrapper border-radius">
					<div class="fl content-side">
						<p class="fnt-bold fnt-cinza">Imóveis Semelhantes</p>
						<ul class="lista-semelhantes">
							<li class="fl">
								<span class="db fnt-bold fnt-cinza">Ref. 0456</span>
								<a href="javascript:void(0);" class="foto-imvl fl">
									<img src="src/ft-semelhante.jpg" alt="Apartamento - Rudge Ramos" title="Apartamento - Rudge Ramos" />
								</a>
								<h1 class="fnt-alta fnt-bold">Apartamento</h1>
								<h2 class="fnt-bold fnt-cinza">Rudge Ramos</h2>
								<h3>02 Dorm(s)</h3>
								<h3>Área: 70m²</h3>
								<h3>01 Vaga(s)</h3>
								<h4 class="fnt-bold fnt-cinza">R$ 500.000,00</h4>
							</li>
							<li class="fl">
								<span class="db fnt-bold fnt-cinza">Ref. 0456</span>
								<a href="javascript:void(0);" class="foto-imvl fl">
									<img src="src/ft-semelhante.jpg" alt="Apartamento - Rudge Ramos" title="Apartamento - Rudge Ramos" />
								</a>
								<h1 class="fnt-alta fnt-bold">Apartamento</h1>
								<h2 class="fnt-bold fnt-cinza">Rudge Ramos</h2>
								<h3>02 Dorm(s)</h3>
								<h3>Área: 70m²</h3>
								<h3>01 Vaga(s)</h3>
								<h4 class="fnt-bold fnt-cinza">R$ 500.000,00</h4>
							</li>
							<li class="fl">
								<span class="db fnt-bold fnt-cinza">Ref. 0456</span>
								<a href="javascript:void(0);" class="foto-imvl fl">
									<img src="src/ft-semelhante.jpg" alt="Apartamento - Rudge Ramos" title="Apartamento - Rudge Ramos" />
								</a>
								<h1 class="fnt-alta fnt-bold">Apartamento</h1>
								<h2 class="fnt-bold fnt-cinza">Rudge Ramos</h2>
								<h3>02 Dorm(s)</h3>
								<h3>Área: 70m²</h3>
								<h3>01 Vaga(s)</h3>
								<h4 class="fnt-bold fnt-cinza">R$ 500.000,00</h4>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- /Imóveis semelhantes -->
			<!-- Ultimos visualizados -->
			<div class="side fr">
				<div class="fl wrapper border-radius">
					<div class="fl content-side">
						<p class="fnt-bold fnt-cinza">Últimos visualizados</p>
						<ul class="lista-visualizados">
							<li class="fl">
								<a href="javascript:void(0);" class="foto-imvl fl">
									<img src="src/ft-semelhante.jpg" alt="Apartamento - Rudge Ramos" title="Apartamento - Rudge Ramos" />
								</a>
							</li>
							<li class="fl">
								<a href="javascript:void(0);" class="foto-imvl fl">
									<img src="src/ft-semelhante.jpg" alt="Apartamento - Rudge Ramos" title="Apartamento - Rudge Ramos" />
								</a>
							</li>
							<li class="fl">
								<a href="javascript:void(0);" class="foto-imvl fl">
									<img src="src/ft-semelhante.jpg" alt="Apartamento - Rudge Ramos" title="Apartamento - Rudge Ramos" />
								</a>
							</li>
							<li class="fl">
								<a href="javascript:void(0);" class="foto-imvl fl">
									<img src="src/ft-semelhante.jpg" alt="Apartamento - Rudge Ramos" title="Apartamento - Rudge Ramos" />
								</a>
							</li>
							<li class="fl">
								<a href="javascript:void(0);" class="foto-imvl fl">
									<img src="src/ft-semelhante.jpg" alt="Apartamento - Rudge Ramos" title="Apartamento - Rudge Ramos" />
								</a>
							</li>
							<li class="fl">
								<a href="javascript:void(0);" class="foto-imvl fl">
									<img src="src/ft-semelhante.jpg" alt="Apartamento - Rudge Ramos" title="Apartamento - Rudge Ramos" />
								</a>
							</li>
							<li class="fl">
								<a href="javascript:void(0);" class="foto-imvl fl">
									<img src="src/ft-semelhante.jpg" alt="Apartamento - Rudge Ramos" title="Apartamento - Rudge Ramos" />
								</a>
							</li>
							<li class="fl">
								<a href="javascript:void(0);" class="foto-imvl fl">
									<img src="src/ft-semelhante.jpg" alt="Apartamento - Rudge Ramos" title="Apartamento - Rudge Ramos" />
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- /Ultimos visualizados -->
		</div>
		<!-- /Detalhes Imóvel -->
	</div>
	<!-- Rodapé -->
	<?php include('include/rodape.php'); ?>
	<!-- /Rodapé -->
	<script type="text/javascript" src="js/jquery-1.8.1.min.js"></script>
	<script type="text/javascript" src="js/caparros.main.js"></script>
	<script type="text/javascript">
		$.menuCaparros($('#menu ul li'));
		$.clearValInput($('#ref-imvl'));
		$.openNewTab();
	</script>
	<!-- Carousel galeria -->
	<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function() {
			jQuery('#carousel-gallery').jcarousel();
		});
	</script>
	<!-- Fancybox -->
	<script type="text/javascript" src="js/jquery.fancybox-1.3.4.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$("a[rel=foto_galeria]").fancybox({
				'overlayColor'      : '#000',
				'overlayOpacity'    : '0.6',
				'titlePosition' 	: 'over',
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over">Imagem ' + (currentIndex + 1) + ' de ' + currentArray.length + (title.length ? ' - ' + title : '') + '</span>';
				}
			});
		});
	</script>
	<script type="text/javascript">
	    $(document).ready(function() {
	        $("#menu li.mn-ligamos a, #links-det .link-indicar a, #links-det .link-proposta a, #links-det .link-ligamos a, .nav-footer #ligamos-rodape").fancybox({
	            'transitionIn'	  : 'elastic',
	            'transitionOut'	  : 'elastic',
	            'margin'          : '0px',
	            'padding'         : '0px',
	            'showCloseButton' : false,
	            'overlayColor'    : '#000',
				'titleShow'       : false,
				'scrolling'       : 'no',
	            'onStart'         : function(){$('head').append('');}
	        });
	        $('.closeFancyBox').live('click', function(){$.fancybox.close()});
	    });
	</script>
</body>
</html>